﻿body{   
	color:#fff;
	font-family:'Segoe UI', Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url('../images/whitebackground.jpg');
	background-repeat:repeat;
	margin: 0;
	padding:0;
	line-height:18px;
}

h1
{
	font-size:35px;
	font-weight:normal;
	margin:0px 0 30px 0;
	padding:0;
	line-height: 40px;
}

h2{
	font-size:28px;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0;
	line-height: 32px;
}

h3{
	font-size:20px;
	margin:0 0 10px 0;
	padding:0;
	color:#fff;
	font-weight:normal;
}

h4{
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0;
}

h5{
	font-size:14px;
	font-weight:normal;
	padding:0;
	margin:0;
}

h6{
	color:#ccc;
	font-size:12px;
	margin:10px 0 0 0;
	padding:0;
	font-weight:normal;
	line-height:normal;
}

p
{
	margin:0 0 20px 0;
	text-align:left;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

li{
	margin:0 0 10px 0;
	padding:0;
}

a{
	color:#e0f896;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img {
	border:0px solid #fff;
}


table{
	width:940px;
}

td{
	padding-right:20px;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-bottom:10px;
}

label {
    color: white;
    display: block;
    font-size: 12px;
    font-weight: normal;
    height: 12px;
    line-height: 12px;
    margin-bottom: 4px;
}
input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
border: 1px solid #B9B9B9;
border-color: rgba(0, 0, 0, 0.27);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #5C5C5C;
display: block;
font-size: 14px;
font-weight: normal;
height: 18px;
line-height: 18px;
margin-bottom: 25px;
padding: 5px 8px;
width: 400px;
}
select {
height: 30px;
width: 418px;
}

input.form-error, select.form-error, textarea.form-error {
border-color: #F34023;
}
label.form-error
{
    color:Red;
    margin-top:-20px;
}
.subscriptionTable
{
	width:930px;
	border:0px;

}
.subscriptionTable td
{
	font-size:13px;
	padding:0px;
	margin: 0px;
	border:0px;
	
}
.subscriptionTableTop td
{
	border-top:1px dotted #666;
    
}

.subscriptionTableHeader td
{
    font-weight:bold;
    
}
.td{
	padding-right:20px;
	font-weight:normal;
	border-bottom:0px;
	margin-bottom:10px;
	padding-bottom:10px;
	vertical-align:top;
}
blockquote{margin:40px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
line-height:24px;
}
.actionBox
{
    margin-left:100px;
    margin-right:100px;
    border:1px white dotted;
    padding:10px;
    text-align:center;
}
.actionBoxSuccess
{
    margin-left:100px;
    margin-right:100px;
    border:1px white dotted;
    padding:10px;
    text-align:center;
    background-color:Lime;
}
.actionBoxWarning
{
    margin-left:100px;
    margin-right:100px;
    border:1px white dotted;
    padding:10px;
    text-align:center;
    background-color:#FF7F7F;
}

.actualTweet{
	margin-bottom:10px;
	font-size:13px;
	color:#000;
}
.actualTweet a
{
    color:#597224;
    text-decoration:underline;
}

.archive{
	margin-bottom:20px;
	width:250px;
	overflow:hidden;
}

.archive a{
	text-decoration:none;
}

.archive a:hover{
	text-decoration:underline;
}

.avatar{
	float:left;
	height:46px;
	width:46px;
	background:#666;
	border:1px solid #000;
	margin:0 10px 20px 0;
}

.tweet .avatar{
	float:left;
	height:46px;
	width:46px;
	background:#666;
	border:1px solid #000;
	margin:10px 10px 10px 0;
	
}



.bold{
	font-weight:bold;
}

.button{
	padding:10px;
}


#buybutton
{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    text-decoration: none;
    text-align: center;
    line-height: 52px;
    outline: none;
    display: block;
    background-color: #888;
    width: 194px;
    height: 56px;
    left: 32px;
    top: 350px;
    background: url(images/green-btn.png) no-repeat 0 0;
    border:none;
    padding-bottom:10px;

}
#buybutton:hover
{
    background-position: -1px -54px;
    cursor:pointer;
}

.cards {
float: right;
margin-top: -20px;
position: relative;
}
.center
{
    text-align:center;
}

.compareButton{
	background-image:url('https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif');
	
	cursor:hand;
}

.checkbox{
	margin:5px 10px 0 0;
}
.clear{
	clear:both;
}

.container{
	padding:10px;
}
.customerForm
{
font-size: 18px;
font-weight: bold;
height: 18px;
line-height: 18px;
width: 400px;

}
.dateField{
	width: 50px;
}

.displaynone{
	display:none;
}
.expiry {
margin-bottom: 25px;

}
.expiry > select, .columns .expiry > select {
display: inline-block;
margin-bottom: 0;
width: auto;
}
.faq img{
	margin:20px 0 20px 0;
	padding:10px 10px 10px 5px;
	background-color:#fff;
}

.faq h3{
	font-size:24px;
	line-height:28px;
	padding-top:20px;
}

.faq p{
	height:40px;
}

.field{
	font-size:14px;
	padding:10px;
	margin-right:10px;
	border:1px solid #666;
}

.floatLeft{
	float:left;
	margin-right:20px;
}

.floatLeft10{
	float:left;
	margin-right:10px;
	margin-left:20px;
	margin-top:20px;
}

.floatRight{
	float:right;
}

.homeThird{
	width:293px;
	margin:20px 20px 20px 0px;
	float:left;
	-moz-box-shadow: 0px 0px 10px #111;  
	-webkit-box-shadow: 0px 0px 10px #111;  
	box-shadow: 0px 0px 10px #111;
	color:#ccc;
}

.horizontalLine{
	border-top:1px solid #666;
	margin-top:20px;
	padding-top:20px;
}

.howitworks{
	width:288px;
	margin-bottom:10px;
	float:left;
	margin:10px 22px 0 0;
	
}
.howitworks h3 
{
    text-align:center;
}
.italic{
	font-style:italic;
}

.largeInfo{
	font-size:18px;
	font-weight:bold;
}
.smallInfo{
	font-size:12px;
}
.largeInfoMargin{
	font-size:18px;
	font-weight:bold;
}




.leftmargin25{
	margin:0 0 10px 25px;
}

.metasearchHeader{
	font-size:12px;
	text-transform:none;
	margin-bottom:5px;
}

.sectionTitle{
	/* color:#e0f896; */
	margin-bottom:20px;
}


.section2{
	padding-top:40px;
}

.small{
	font-size:10px;
}
.super-radio {
margin-bottom: 30px;
margin-top: 30px;
width: 100%;
border: 1px solid White;
padding:5px;
}
.super-radio > .checked {
}

.super-radio > div > label {
line-height: 40px;
height: 40px;   
}
.super-radio label {
cursor: pointer;
}
.super-radio > .after-checked {
border-top: 0;
background-color: none;
}

.super-radio .product-name {
font-size: 18px;
font-weight: bold;
left: -30px;
line-height: 40px;
padding-left: 30px;
position: relative;
}
.super-radio .product-discount {
font-size: 18px;
font-weight: bold;
color:#5270C6;
line-height: 40px;
position: relative;
}

.tweet{
	border:1px solid black;
	margin:0 0 10px 0;
	padding:10px;
	background:#fff;
	-moz-box-shadow: 0px 0px 5px #666;  
	-webkit-box-shadow: 0px 0px 5px #666;  
	box-shadow: 0px 0px 5px #666;
	width:570px;
	background-image:url("../images/whitebackground.jpg");

}



.username{
	font-size:14px;
	font-weight:bold;
}

.visDescription{
	width:720px;
}

.visTitle{
	padding:5px;
	border-bottom:1px solid #666;
}

.visualization{
	width:288px;
	height:200px;
	border:1px solid #666;
	float:left;
	margin:10px 22px 0 0;
	padding:0 0 0 0;
	-moz-box-shadow: 0px 0px 10px #111;  
	-webkit-box-shadow: 0px 0px 10px #111;  
	box-shadow: 0px 0px 10px #111;
}
.visualization img 
{
    margin-right:auto;
    margin-left:auto;
     display: block;
}
.visualization a img{
	border:1px solid #333;
}

.visualization a:hover img{
	border:1px solid yellow;
}

.visualization h3{
	padding:5px;
}
.visualizationBorder {
	border:1px solid yellow;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


#featuredArchives{
	margin:20px 0 40px 0;
	padding-bottom:20px;
	border-bottom:1px #666 dotted;
}

#featuredArchives .visualization{
	height:auto;
	width:288px;
	border:0px solid #666;
	margin:0 22px 10px 0;
	float:left;
	color:#999;

}

#featuredArchives h3{
	margin:5px;
}

#featuredArchives .field{
	font-size:10px;
	padding:5px;
	margin:2px 5px 0 0;
	border:1px solid #666;
	width:180px;
}

#featuredArchives .button{
	padding:5px;
	font-size:10px;
}


#featuredArchives p{
	margin:5px;
}

.white{
	color:#fff;
}

.chart{
	margin-top:0px;
	padding-top:10px;
	overflow:hidden;
}

#clearSearch{
	padding-top:10px;
}

#codeButton{
	margin-bottom:20px;
}

#contents{

}

#copyrightInfo{
	margin-top:10px;
}
#cvv {
clear: left;
width: 118px;
}

#embedText 
{
    font-family:Courier New,Courier;
    font-size:14px;
    border:1px white dashed;
    margin-top:10px;
}
#filters{
	padding:10px 20px 10px 20px;
	background-color:#333;
	display:block;
	border-bottom:1px #666 solid;
	background-image:url('../images/333background_shiny.jpg');
	background-repeat:repeat-x;
}

#footer {
	margin:0 20px 0 20px;
	text-align:center;
	}
	
	#footer ul{
	margin-bottom:10px;
}
	
	#footer ul li{
		display:inline;
		}

#hero{
	/* 	-moz-box-shadow: 0px 0px 10px #111;  
	-webkit-box-shadow: 0px 0px 10px #111;  
	box-shadow: 0px 0px 10px #111; */
	width:940px;
	min-height:200px;
	margin:auto;
	padding:0;
	
	border-bottom:1px dotted #666;
}

#homepageContents
{
	width:560px; float:left; margin:0 60px 0 0;
	}

#homepageContents ol
{
	margin:0;
	padding:0;
		list-style-type:decimal;
	}

#homepageContents ol li
{
	margin:0;
	padding:0;
	list-style-type:decimal;
}

#homeLinks{
	width:300px;
	line-height:24px;
}

#homeVisualizations{
	width: 600px;
	margin-top:40px;
}

#homeVisualizations a img{
	border:1px solid #666;
	float:left;
	margin-right:20px;
}

#homeVisualizations a:hover img{
	border:1px solid yellow;
	float:left;
	margin-right:20px;
}

#leftContents{
	float:left;
}


#loading{
	
	text-align:center;
	width:600px;
}


#lockup{
	color:#333;
    margin-left:10px;	
    height:57px;
}

#locationOptions{
	margin-left:340px;
	margin-bottom:5px;
	display:none;
}

#loginBox
{
	float:left;width:250px;padding:20px;
	border:1px solid #666;
}

#mainContainer{
	
	margin:auto;
	width:980px;
	background:#333;
	background-image:url('../images/333background.jpg');
	background-repeat:repeat;
	-moz-box-shadow: 0px 0px 20px #333;  
	-webkit-box-shadow: 0px 0px 20px #333;  
	box-shadow: 0px 0px 20px #333; 
}

#mainContents{
	display:block;
	padding-bottom:0px;
	margin-bottom:0;
	overflow:auto;
}

#mainSearch{
	padding:20px;
	background-color:#88b526;
	height:42px;
	z-index:1;
	background-image:url('../images/greenheader.jpg');
	background-repeat:repeat-x;
}

#mainSearch a{
	color:#333;
}
#mainSearch .button{
	padding:0;
}
#mainSearchField:focus
{
	font-style:normal;
	font-weight:normal;
	color:Black;
}
#mainSearchField{
	width:400px;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#ccc;
	display:inline;
}

#mixOnline{
	width:98%;
	margin:0 0 20px 0;
	padding:5px 20px 5px 0;
	background-color:#333;
	color:#ccc;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-weight:bold;
	font-size:9px;
	text-align:right;
}



#navigation
{
    float: right;
    padding-top: 13px;
    
}
#navigation ul
{
    list-style: none;
    list-style-position: outside;
    font-size: 17px;

    font-weight: 400;
}
#navigation ul li
{
    display: inline;
    padding-left: 34px;
}
#navigation ul li a
{
    color: #E0F896;
}
#navigation ul li a:hover, #navigation ul li.active a
{
    text-decoration: underline;
}


#numberPanel{
	background:#999;
	padding:10px 20px 10px 20px;
	font-size:18px;
	color:#888;
	background-image:url('../images/greybackground.jpg');
	background-repeat:repeat-x;
	min-height:30px;
}

#saveExport{
	/* font-size:18px;
	color:#ccc; */
	width:942px;
	padding-bottom:10px;
	margin-bottom:10px;
}

	.removeDecoration a{
		text-decoration:none;
	}

	#saveExport li{
		display:inline;
	}

#sharing li{
	display:block;
}

#signinGuy{
	margin:30px 20px 0 800px;
	float:right;
	position:absolute;
	z-index:100;
}

#smallLoading{
	margin-top:20px;
}

#tagline{
	padding-left:32px;
	letter-spacing:.09em;
	position:absolute;
}

#topHeader{
	padding:10px 10px 20px 0px;
	height:40px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}

#topHeader a{
	color:#333;
}

#tweets{
	display:block;
	color:#333;
	padding:20px;
}

#upsell {
	color: #fff;
	font-size: 11px;
}

#upsell a {
	background-color: #000;
	display: block;
	text-decoration: none;
	color: #ccc;
	-moz-box-shadow: 0px 0px 10px #333;  
	-webkit-box-shadow: 0px 0px 10px #333;  
	box-shadow: 0px 0px 10px #333; 
}

#upsell a:link, #upsell a:visited {
	background-color: #000;
	color: #ccc;
}

#upsell a:hover, #upsell a:active {
	background-color: #597224;
	color: #fff;
}

#upsell a span {
	display: block;
	text-align: right;
	margin: 0 25px 0 25px;
	padding: .5em 0 .5em 0;
}

#upsell a span span {
	display: inline;
	margin: 0;
	font-style: italic;
	font-family: Georgia, Cambria, "Times New Roman";
	font-weight:bold;
}

#upsell .tweetThis a span {
	float:left;
	width: 940px;
	text-align: left;
	margin: 0 auto;
	padding: .5em 0 .5em 0;
}


#userarchives{
	margin:0px 0 20px 0;
}

#userarchives li
	{display:block;}

#userAvatar{
	display:none;
	width:36px;
	height:36px;
	background:#666;
	margin-right:10px;
}
#userInfo
{
    margin-left:40px;
}
#userStats{}

#userStats ul
{
	padding-bottom:0px;
}
#userStats li{
	display:block;
	margin:0 20px 5px 0;
}


#warning 
{
    font-size:18px;
    font-weight:bold;
    background-color:#FF7F7F;
    padding-bottom:15px;
}

#rightContents{
	display:block;
	margin:20px 20px 0 20px;
	float:right;
}

#rightContents li{
	display:block;
}

#silverlightControlHost 
{
    height:480px;
}









.slider
{
    height: 436px;
}


.slider, #carousel, #carousel > div
{
    width: 980px;
    height: 436px;
}

.slider
{
    margin: 0px 0 0 -495px;
    overflow: hidden;
    position: relative;
    top: 50%;
    left: 50%;
}

#carousel
{
    position: relative;
    z-index: 2;
}
#carousel div
{
    overflow: hidden;
    position: relative;
    float: left;
}
#carousel div > *
{
    position: absolute;
}
#carousel img
{
    left: 470px;
    top: 50px;
    z-index: 2;
    border:1px solid gray;
}


#carousel h3
{
    font-size: 30px;
    letter-spacing: -2px;
    font-weight: normal;
    color: #f5f5f5;
    line-height: 30px;
    text-shadow: 0 0 2px rgba(0,0,0,0.5);
    width: 420px;
    left: 32px;
    background: url(images/slider-h3-border.png) repeat-x 0 bottom;
    top: 9px;
    padding-bottom: 13px;
    margin: 0 0 18px;
}

#carousel h5
{
    font-size: 15px;
    color: #d3d2d3;
    font-family: tahoma, arial, helvetica, serif;
    text-transform: uppercase;
    text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
    font-weight: normal;
    position: absolute;
    top: 63px;
    left: 32px;
    white-space: nowrap;
}

#carousel p
{
    color: white;
    font-size: 18px;
    width: 420px;
    left: 32px;
    top: 130px;
    margin: 0;
    line-height: 26px;
}
#carousel a.green-btn
{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    text-decoration: none;
    text-align: center;
    line-height: 52px;
    outline: none;
    display: block;
    background-color: #888;
    width: 194px;
    height: 56px;
    left: 32px;
    top: 350px;
    background: url(images/green-btn.png) no-repeat 0 0;
}
#carousel a.green-btn2
{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 52px;
    display: block;
    width: 300px;
    height: 56px;
    left: 600px;
    top: 350px;
    border: 1px solid gray;
    	-moz-box-shadow: 0px 0px 10px #111;  
	-webkit-box-shadow: 0px 0px 10px #111;  
	box-shadow: 0px 0px 10px #111;

}
#carousel a:hover
{
    background-position: -1px -54px;
}
#carousel ul
{
    list-style: none;
    width: 400px;
    list-style-position: outside;
    height: 100%;
    overflow: hidden;
    margin-left: 30px;
    margin-top: 65px;
}
#carousel li
{
    padding-left: 11px;
    font-size: 16px;
    padding-bottom: 7px;
}
#prev, #next
{
    background: url(images/direction-nav.png) no-repeat 0 0;
    display: block;
    width: 17px;
    height: 22px;
    position: absolute;
    bottom: 15px;
    z-index: 10;
}

#prev
{
    left: 426px;
}

#next
{
    right: 455px;
    background-position: right 0;
}

.pagination
{
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -44px;
    width: 88px;
}
.pagination a
{
    background: url(images/pagination.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    cursor: default;
}
.pagination a.selected
{
    background-position: 0 -20px;
}

.main
{
    padding: 20px 0 20px 0;
    	background-image:url('../images/whitebackground.jpg');
	background-repeat:repeat;
	margin:0;

}
.main h2
{
    font-size: 18px;
    color: #000;
    font-family: 'Jura' , sans-serif;
    text-transform: uppercase;
}
.main p a
{
    text-decoration: underline;
    color: #000;
}
.main p a:hover
{
    text-decoration: none;
}

.main .cols
{
    padding-left: 32px;
    padding-right: 32px;
    background: url(images/section.png) no-repeat center bottom;
    
}
.main .cols h2
{
    padding-bottom: 4px;
}
.main .cols .col
{
    width: 277px;
    float: left;
}
.main .cols .col + .col
{
    padding-left: 40px;
}
.main .cols .col img
{
    float: left;
    margin-right: 16px;
    width: 73px;
}
.main .cols .col .col-cnt
{
    height: 100%;
    overflow: hidden;
    color:Black;
}

.main .post
{
    padding-left: 32px;
    padding-right: 32px;
        background: url(images/section.png) no-repeat center top;

}
.main .post img
{
    float: left;
    margin-right: 18px;
    margin-top:30px;
    width: 280px;
    height: 173px;
}
.main .post-cnt
{
    padding-top: 22px;
}
.main .post-cnt p
{
    padding-bottom: 10px;
    color:Black;
}
.main .post-cnt ul
{
    list-style: none;
    list-style-position: outside;
    height: 100%;
    overflow: hidden;
}
.main .post-cnt ul li
{
    color:Black;
    padding-left: 11px;
    background: url(images/green-arr.png) no-repeat 0 9px;
    padding-bottom: 7px;
}
.main .post-cnt ul li a
{
    text-decoration: underline;
}
.main .post-cnt ul li a:hover
{
    text-decoration: none;
}

.main .content
{
    padding-left: 32px;
    padding-right: 32px;
}
.main .content span
{
    text-decoration: underline;
}
.socials
{
    background: url(images/socials-pattern.png) repeat 0 0;
    height: 75px;
    margin: 0 32px;
    margin-bottom: 20px;
    padding:10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset;
    -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.2) inset;
}

.socials p
{
    float: left;
    line-height: 20px;
    font-size: 18px;
    color:Black;
}
.socials p a
{
    text-decoration: none;
    color:Green;
}
.socials p a:hover
{
    text-decoration: underline;
}

#sell a.green-btn
{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    text-decoration: none;
    text-align: center;
    line-height: 52px;
    outline: none;
    display: block;
    background-color: #888;
    width: 194px;
    background: url(images/green-btn.png) no-repeat 0 0;
}
#sell a:hover
{
    background-position: -1px -54px;
}

.sell2 a.green-btn
{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    text-decoration: none;
    text-align: center;
    line-height: 52px;
    outline: none;
    display:inline-block;
    background-color: #888;
    width: 200px;
    background: url(images/green-btn.png) no-repeat 0 0;
    float:none;
}
.sell2 a:hover
{
    background-position: -1px -54px;
}
#spinner
{
    height:109px;
    background: url(images/loading_icon.gif) no-repeat 0 0 ;
}
#downloadlink
{
    height:109px;
}